<template>
  <div>
<!--    v-model用在html标签上-->
<!--    <input v-model="username">-->
<!--    相当于v-model-->
<!--    <input v-bind:value="username" @input="username = (<HTMLInputElement> $event.target).value"/>-->
<!--    v-model用在组件上-->
    <son v-model="username"/>
<!--    <son :modelValue = "username" @update:modelValue="username = $event"/>-->
  </div>
</template>

<script setup lang="ts">
  import {ref} from "vue";
  import son from "@/components/test/_11/son.vue";

  /**
    * @Author Rin_pu
    * @Date 2025/2/21 15:05
    * @Description MyTest8
    * @todo
    */
  const username = ref<string>('hello');

</script>

<script lang="ts">

export default {
  name: "MyTest8.vue"
}
</script>

<style scoped>

</style>